.login-container {
	height: 100%;
	min-width: 550px;
	min-height: 500px;
	background-color: #eeeeee;
	background-image: url("../../assets/images/login_bg.svg");
	background-position: 50%;
	background-size: 100% 100%;
	background-size: cover;
	.dark {
		position: absolute;
		top: 4.5%;
		right: 3.2%;
	}
	.login-content {
		display: flex;
		justify-content: space-around;
		align-items: center;
		width: 96%;
		height: 94%;
		padding: 0 4% 0 30px;
		overflow: hidden;
		background-color: hsl(0deg 0% 100% / 80%);
		border-radius: 10px;
		box-sizing: border-box;
		.login-left {
			width: 800px;
			img {
				width: 100%;
				height: 100%;
			}
		}
		.login-box {
			position: relative;
			width: 500px;
			height: 395px;
			flex-shrink: 0;
			.login-img {
				position: absolute;
				top: -55px;
				right: -75px;
			}
			.login-form {
				position: absolute;
				z-index: 2;
				width: 420px;
				padding: 50px 40px 45px;
				background-color: rgba(255 255 255 / 98%);
				border-radius: 10px;
				box-shadow: 2px 3px 7px rgb(0 0 0 / 20%);
				.login-logo {
					display: flex;
					justify-content: center;
					align-items: center;
					margin-bottom: 45px;
					.login-icon {
						width: 60px;
						height: 52px;
					}
					.logo-text {
						padding-left: 25px;
						font-size: 42px;
						font-weight: bold;
						color: #34495e;
						white-space: nowrap;
					}
				}
				.el-form-item {
					margin-bottom: 40px;
				}
				.login-btn {
					display: flex;
					justify-content: space-between;
					width: 100%;
					margin-top: 40px;
					white-space: nowrap;
					.el-button {
						width: 185px;
					}
				}
			}
		}
	}
}
